<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="utf-8">
<title>金屋-首页</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/js/jquery_ui/themes/le-frog/jquery.ui.all.css">
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.js"
	type="text/javascript"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery_ui/ui/jquery.ui.core.js"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery_ui/ui/jquery.ui.widget.js"></script>
<script
	src="${pageContext.request.contextPath}/js/jquery_ui/ui/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/js/jquery_ui/demos/demos.css">
<script>
	/* $(function() {
		$("#tabs").tabs();
	}); */
</script>
</head>
<body>
	<div class="demo" style="height: 900px;">
		<div id="tabs" style="height: 100%;">
			<ul>
				<li><a href="#tabs-1">jquery教程</a></li>
				<li><a href="#tabs-2">jquery 特效</a></li>
				<li><a href="#tabs-3">jquery ui教程</a></li>
			</ul>
			<div id="tabs-1">
				<ul>
					<li><a href="http://www.jquerycn.cn/content/20111115/69.html">jquery的起点教程</a></li>
					<li><a href="http://www.jquerycn.cn/content/20111116/70.html">jquery插件开发教程</a></li>
				</ul>
			</div>
			<div id="tabs-2">
				<ul>
					<li><a href="http://www.jquerycn.cn/content/20111109/63.html">jquery表单验证插件</a></li>
					<li><a href="http://www.jquerycn.cn/content/20110419/8.html">图片延迟载入插件</a></li>
				</ul>
			</div>
			<div id="tabs-3">
				<ul>
					<li><a href="http://www.jquerycn.cn/content/20111115/68.html">jquery
							ui 下载</a></li>
				</ul>
			</div>
		</div>

	</div>
	<!-- End demo -->
</body>
</html>
